<!DOCTYPE html>
<html ng-app="WingTrainer">
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
   	<script type="text/javascript" src="http://code.createjs.com/createjs-2013.02.12.min.js"></script>
	<script type="text/javascript" src="./controllers.js"></script>    
</head>
<body ng-controller="MainCtrl">

<input type='number' ng-model="model.ships[selectedShip.id].position.x">
<input type='number' ng-model="model.ships[selectedShip.id].position.y">
<input type='number' ng-model="model.ships[selectedShip.id].position.r">

<select ng-model="selectedShip" ng-options="ship.id for ship in model.ships"></select>
<select ng-model="selectedMovement" ng-options="movement for movement in model.movementTemplates"></select>
<hr>


<canvas playzone="model" id="canvas" width="600" height="600" style="border:solid black;align:left">
	alternate content
</canvas>
<textarea rows="37%" cols="90%" >{{model | json}}</textarea>
</body>
</html>